<!DOCTYPE html>
<html>
<head>
    <title>模板</title>
    <#include "/header.html">
    <!--<link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/layui/css/layui.css">-->
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/adminlte.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/all.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/OverlayScrollbars.min.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/layer/layer.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap.min.js"></script>
    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="${request.contextPath}/statics/js/common.js"></script>
    <script src="../../statics/plugins/layui2.5.6/layui.js"></script>
    <script src="../../statics/plugins/hikvision/jsencrypt.min.js"></script>
    <script src="../../statics/plugins/hikvision/jsWebControl-1.0.0.min.js"></script>
    <script src="${request.contextPath}/statics/js/indexs/hikvision2.js"></script>
    <script src="${request.contextPath}/statics/plugins/adminLTE/js/adminlte.min.js"></script>
    <script src="${request.contextPath}/statics/js/modules/jk/camara.js?_${.now?long}"></script>

</head>
<body>
<section class="content">
    <div class="container-fluid">
        <div class="row" style="height: 750px">
            <div class="col-md-3">
                <div class="card" style="height: 750px">
                    <div class="card-header">
                        <button id="shishi" type="button" class="layui-btn" onclick="realTime()">
                            实时视频
                        </button>
                        <button id="huifang" type="button" class="layui-btn layui-btn-normal" onclick="playback()">
                            视频回放
                        </button>
                    </div>
                    <div id="camaraList" class="card-body" style="height:100%;overflow-y: auto">
                            <ul style="height: 10%;color: red" id="indexsCamaraTree" class="ztree"></ul>
                    </div>
                    <div id="timediv" class="card-body" style="display: none" >
                            <div class="layui-inline" style="width: 98%;margin-top: 10px">
                                <label class="layui-form-label" style="height:28px;width: 95%"><span id="cName" style="float: left;margin-left: 6%" >当前监控点:</span></label>
                            </div>
                            <div class="layui-inline" style="width: 98%;margin-top: 10px">
                                <label class="layui-form-label" style="height:28px;width: 28%"><span>开始时间</span></label>
                                <div class="layui-input-inline"  style="width: 60%">
                                    <input  style="height:28px;margin-top: 4px" type="text"  class="layui-input" id="beginTime" placeholder="开始时间">
                                </div>
                            </div>
                            <div class="layui-inline" style="width: 98%;margin-top: 10px">
                                <label class="layui-form-label" style="height:28px;width: 28%"><spanp>结束时间</spanp></label>
                                <div class="layui-input-inline" style="width: 60%">
                                    <input  style="height:28px;;margin-top: 4px" type="text" class="layui-input" id="endTime" placeholder="结束时间">
                                </div>
                            </div>
                            <div style="height: 20%;width: 98%;margin-top: 10px">
                                <span id="startPlayback" onclick="startPlayback()" class="btn btn-primary" style="margin-left: 8%;line-height: 22px;text-align:center;width:38%;height: 31px;cursor: pointer">开始回放</span>
                                <span id="stopPlayback" onclick="stopPlayback()" class="btn btn-primary" style="margin-left: 8%;line-height: 22px;text-align:center;width:38%;height: 31px;cursor: pointer">停止回放</span>
                            </div>
                            <span id="errMessage" style="color: red;float:left;margin-left: 20%"></span>
                    </div>
                </div>
            </div>
            <div  class="col-md-9" style="height: 750px">
                <!--<div style="height: 100%;border: 1px solid red"  id="playWnd">

                </div>-->
            </div>
        </div>
    </div>
</section>

</body>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#beginTime'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'datetime'
        });
    });

</script>
</html>


